.root {
    -fx-background-color: #f0f4f8;
    background-color: #f0f4f8;
    -fx-font-family: "Microsoft YaHei";
    font-family: "Microsoft YaHei";
    -fx-font-size: 14px; /* Set base font size */
    font-size: 14px;
}

.title-label {
    -fx-font-size: 32px;
    font-size: 32px;
    -fx-font-weight: bold;
    font-weight: bold;
    -fx-text-fill: #333;
    color: #333;
}

.text-field, .password-field {
    -fx-max-width: 300px;
    max-width: 300px;
    -fx-font-size: 14px;
    font-size: 14px;
    -fx-prompt-text-fill: #a0a0a0;
    color: #a0a0a0;
    -fx-background-color: #ffffff;
    background-color: #ffffff;
    -fx-border-color: #c0c0c0;
    border-color: #c0c0c0;
    -fx-border-radius: 5;
    border-radius: 5px;
    -fx-background-radius: 5;
    -fx-padding: 10px;
    padding: 10px;
    -fx-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.text-field:hover, .password-field:hover {
    -fx-border-color: #007bff;
    border-color: #007bff;
}

.text-field:focused, .password-field:focused {
    -fx-border-color: #007bff;
    border-color: #007bff;
    -fx-effect: dropshadow(three-pass-box, rgba(0,123,255,0.2), 5, 0, 0, 0);
}

.button {
    -fx-background-color: #ADD8E6; /* Light Blue */
    background-color: #ADD8E6;
    -fx-text-fill: #2F4F4F; /* Dark Slate Gray */
    -fx-font-size: 16px;
    font-size: 16px;
    -fx-padding: 10px 20px;
    padding: 10px 20px;
    -fx-background-radius: 5;
    -fx-cursor: hand;
    cursor: pointer;
}

.button:hover {
    -fx-background-color: #9AC9D9; /* Darker Light Blue */
    background-color: #9AC9D9;
}

.button-danger {
    -fx-background-color: #dc3545;
    background-color: #dc3545;
    -fx-text-fill: white;
}

.button-danger:hover {
    -fx-background-color: #c82333;
    background-color: #c82333;
}

.button-secondary {
    -fx-background-color: transparent;
    background-color: transparent;
    -fx-text-fill: #4682B4; /* Steel Blue */
    -fx-font-size: 14px;
    font-size: 14px;
    -fx-border-color: transparent;
    border-color: transparent;
    -fx-cursor: hand;
    cursor: pointer;
    -fx-underline: false;
}

.button-secondary:hover {
    -fx-text-fill: #4177A2; /* Darker Steel Blue */
    color: #4177A2;
}

.error-label {
    -fx-text-fill: #dc3545; /* A more modern red */
    -fx-font-size: 14px;
    font-size: 14px;
    -fx-font-weight: bold;
    font-weight: bold;
}

.success-label {
    -fx-text-fill: #28a745; /* Green for success */
    -fx-font-size: 14px;
    font-size: 14px;
    -fx-font-weight: bold;
    font-weight: bold;
}

/* --- Navigation Bar (Left) --- */
.nav-bar {
    -fx-background-color: #F8FAFB;
    background-color: #F8FAFB;
    -fx-padding: 20px 10px;
    padding: 20px 10px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 10, 0, 2, 4);
}

.nav-button {
    -fx-background-color: transparent;
    background-color: transparent;
    -fx-text-fill: #333333;
    color: #333333;
    -fx-font-size: 16px;
    font-size: 16px;
    -fx-padding: 10px 30px;
    padding: 10px 30px;
    -fx-pref-width: 200px;
    -fx-alignment: center-left;
    -fx-cursor: hand;
    cursor: pointer;
}

.nav-button:hover {
    -fx-text-fill: red;
    color: red;
}

.content-pane {
    -fx-background-color: white;
    background-color: white;
    -fx-background-radius: 10;
    border-radius: 10px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.1), 10, 0, 0, 5);
    -fx-padding: 30px;
    padding: 30px;
}

.padded-container {
    -fx-padding: 20px 50px 50px 50px;
    padding: 20px 50px 50px 50px;
}

.form-section {
    -fx-padding: 20px;
    padding: 20px;
    -fx-background-color: #ffffff;
    background-color: #ffffff;
    -fx-background-radius: 15;
    border-radius: 15px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.1), 10, 0, 0, 5);
}

.section-title {
    -fx-font-size: 18px;
    font-size: 18px;
    -fx-font-weight: bold;
    font-weight: bold;
    -fx-text-fill: #333;
    color: #333;
    -fx-padding-bottom: 10px;
    padding-bottom: 10px;
}

.sender-icon-background {
    -fx-fill: #1a1a1a;
    fill: #1a1a1a;
}

.recipient-icon-background {
    -fx-fill: #ff4444;
    fill: #ff4444;
}

.icon-text {
    -fx-fill: white;
    fill: white;
    -fx-font-weight: bold;
    font-weight: bold;
}

.create-order-button {
    -fx-background-color: #007bff;
    background-color: #007bff;
    -fx-text-fill: white;
    color: white;
    -fx-font-size: 16px;
    font-size: 16px;
    -fx-padding: 10px 20px;
    padding: 10px 20px;
    -fx-background-radius: 5;
    border-radius: 5px;
}

.create-order-button:hover {
    -fx-background-color: #0056b3;
    background-color: #0056b3;
}

.form-input {
    -fx-background-color: #f5f5f5;
    background-color: #f5f5f5;
    -fx-border-color: transparent;
    border-color: transparent;
    -fx-background-radius: 5;
    border-radius: 5px;
    -fx-prompt-text-fill: #ccc;
}

.combo-box .list-cell {
    -fx-background-color: #f5f5f5;
    background-color: #f5f5f5;
    -fx-text-fill: #333;
    color: #333;
}

.combo-box .list-cell:hover {
    -fx-background-color: #F6FAFF;
    background-color: #F6FAFF;
}

.date-picker .text-field {
    -fx-background-color: #f5f5f5;
    background-color: #f5f5f5;
}

/* TableView Styles */
.table-view {
    -fx-font-size: 15px; /* Larger font for table content */
    font-size: 15px;
}

.table-view .column-header-background {
    -fx-background-color: #F0F2F5; /* Light Gray for header */
    background-color: #F0F2F5;
    background-color: #ADD8E6;
}

.table-view .column-header .label {
    -fx-text-fill: #2F4F4F; /* Dark Slate Gray for header text */
    -fx-font-weight: bold;
    font-weight: bold;
}

.table-cell {
    -fx-padding: 8px; /* Add padding to cells */
    padding: 8px;
    -fx-alignment: CENTER_LEFT;
}
